body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin: 0;padding: 0;}
input,input:focus{outline: none;}
html,body{position: relative;height: 100%;}
body {background: #e6ebee;font-family: "Noto Sans SC", Helvetica, Arial, sans-serif;font-weight: 400;color: #272c32;}
li {list-style: none}
img {
    max-width: 100%;border: 0;vertical-align: middle;
    image-rendering: -moz-crisp-edges; /* Firefox */
    image-rendering: -o-crisp-edges; /* Opera */
    image-rendering: -webkit-optimize-contrast; /*Webkit (non-standard naming) */
    image-rendering: crisp-edges;
    -ms-interpolation-mode: nearest-neighbor; /* IE (non-standard property) */
}
table {border-collapse: collapse;border-spacing: 0}
p {word-wrap: break-word;word-break: break-all;}
a {color: #272c32;text-decoration: none;}
a:focus, a:hover{text-decoration: none;color: #00A0E9;}
.clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.clearfix {*zoom: 1;}
input[type="text"], input[type="button"], input[type="submit"], input[type="reset"], select, textarea,button {
    -webkit-appearance: none;
}
.swiper-button-next:focus, .swiper-button-prev:focus,input:focus,select:focus{outline: none;}
video{width: 100%;aspect-ratio: 100 / 56;-webkit-aspect-ratio: 100 / 56;object-fit: contain;background-color: #000;}
/*
	header
*/
.kx-header{width: 100%;background-color: #FFF;position: fixed;top:0;left: 0;z-index: 100;}
.header-container {position: relative;height: 100%;display: flex;align-items: center;}
.kx-search input{background: none;border:none;font-size: 14px;font-family: "Noto Sans SC",Helvetica,Arial,sans-serif;color: #000;}
.kx-search a{width: 15px;height: 15px;}
.kx-search a img{width: 15px;height: 15px;vertical-align: top;}
.gotop{position: fixed;bottom: 4vh;left: 50%;margin-left:548px;width:60px;height: 60px;background-color: #272C32;border-radius: 4px;z-index: 200;}
/*
	公共部分
*/
.kx-section{position: relative;width: 100%;}
.section-container{position: relative;margin: auto;}
.main-container{position: relative;width: 100%;display: block;}
.loading-pup {position: absolute; bottom: -15px;border-radius: 5px; left: 0;height: 15px;z-index: 15;background: rgba(23, 166, 255);}
.list-group-item.topic-content-item {max-height: 320px;overflow: hidden;word-break: break-all;}
.list-group-item.topic-content-item img {display: block;}
.kx-logo { padding: 10px; }

.kxpd-switch {
	display: inline-flex;
	align-items: center;
	position: relative;
	font-size: 14px;
	line-height: 20px;
	height: 20px;
	vertical-align: middle;
}
.kxpd-switch.is-checked .switch--main {
	background-color: #00a0e9;
	border-color: #00a0e9;
}
.kxpd-switch .switch--main {
	margin: 0;
	display: inline-block;
	position: relative;
	width: 40px;
	height: 20px;
	border: 1px solid #dcdfe6;
	outline: none;
	border-radius: 10px;
	box-sizing: border-box;
	background: #dcdfe6;
	cursor: pointer;
	transition: border-color 0.3s, background-color 0.3s;
	vertical-align: middle;
}
.kxpd-switch.is-checked .switch--main::after {
	left: 100%;
	margin-left: -17px;
}
.kxpd-switch .switch--main::after {
	content: '';
	position: absolute;
	top: 1px;
	left: 1px;
	border-radius: 100%;
	transition: all 0.3s;
	width: 16px;
	height: 16px;
	background-color: #fff;
}
/*
	科技好物主体部分
*/
.top-container{position: relative;background-color: #fff;}
.banner{position:relative;width:100%;}
.banner img{width: 100%;border-radius: 4px 4px 0 0;}
.topic-info{position: relative;display:flex;justify-content:space-between;width: 100%;background-color: #fff;padding-bottom: 10px;}
.left-person{display: flex;}
.users{position: relative;border-radius: 100%;}
.user-info{margin-top: 10px;}
.user-info h3{font-weight: 500;color: #272c32;line-height: 1;}
.user-info p{font-size: 12px;}
.tags{display: flex;align-items: center;margin-top: 10px;line-height: 1;}
.tags span{position: relative;padding-right: 10px;}
.tags span:before{content: '';position: absolute;top:50%;right: 0;width: 1px;height: 17px;background-color: #E6EBEE;transform: translateY(-50%);}
.tags span.hds:before{display: none;}
.yd,.hds{padding-left: 10px;}
.tags span em{font-style: normal;}
.tags span strong{margin-left:10px;color: #00A0E9;font-weight: 500;}
.tags span strong small{font-size: 50%;}
.right-btn span{display: inline-block;background-color: #00A0E9;border-radius: 2px;color: #fff;text-align: center;font-weight: 400;cursor: pointer;}
.right-btn span.disable{color: #c0c4cc;background-color:#ebeef5;cursor:not-allowed;}
.box-th{height:44px;border-top: solid 1px #E6EBEE;}
.box-th ul{position: relative;display: flex;justify-content: center;align-items:center;height: 100%;}
.box-th ul li{position: relative;margin: 0 20%;width: auto;height: 100%;display: flex;align-items: center;justify-content: center;font-size: 16px;color: #272C32;cursor: pointer;}
.box-th ul li.current{font-weight: bold;color: #00A0E9;}
.box-th ul li.current:before{content: '';position: absolute;left: 0;bottom: 0;width: 100%;height: 2px;background-color: #00A0E9;}
.box-tb{width: 100%;margin-top: 24px;}     
.box-tb .item:nth-child(n+2) {display: none;}
.waterfall{width: 100%;position: relative;column-gap: 0;}
.list-group{margin-bottom: 24px;break-inside: avoid;}
.list-group-item{border:none;padding-bottom: 0;}
.list-group-item .title{display: flex;align-items: center;height: 34px;justify-content: space-between;}
.list-group-item .title a img{width: 34px;height: 34px;}	
.list-group-item .title a name{margin-left: 6px;font-size: 14px;color: #272C32;}
.list-group-item .title time{font-size: 12px;color: #AAAAAA;}
.list-group-item .type{width: 100%;padding-bottom: 10px;max-height: 320px;overflow: hidden;text-overflow: ellipsis;}
.list-group-item .type.type_2-3{max-height: 360px;}
.list-group-item .type.type_2-3 a{width: 100%;height: 222px;position: relative;background-color: #f2f5f7;overflow: hidden;}
.list-group-item .type.type_2-3 a img{position: absolute;object-fit: contain;object-position: center;}
.list-group-item .type.type_2-3 a img:nth-child(1){width: 50%;height: 100%;top:0;left:0;}
.list-group-item .type.type_2-3 a img:nth-child(2){top:0;right: 0;width: calc(50% - 6px);height: 50%;}
.list-group-item .type.type_2-3 a img:nth-child(3){right: 0;bottom: 0;width: calc(50% - 6px);height: 50%;}
.list-group-item .type a{display: block;}
.list-group-item .type video {width: 100%; height: 100%;max-height: 320px;}
.list-group-item .type.type_1 a:first-child,.list-group-item .type.type_2 a:first-child{position: relative;height: 190px;background-color: #F2F5F7;}
.list-group-item .type.type_1 a:first-child img,.list-group-item .type.type_2 a:first-child img{width: 100%;height: 100%;object-fit: cover;}	
.list-group-item .type.type_1 a:first-child::after{content: '';position: absolute;top:0;left: 0;width: 100%;height: 100%;background-color: rgba(0,0,0,0.6);}
.list-group-item .type.type_1 a:first-child:before{content: '';position: absolute;top:50%;left: 50%;transform: translate(-50%,-50%);width: 36px;height: 40px;background: url(/statics/images/pc//ico_play@2x.png) no-repeat 0 0 / cover;z-index: 1;}
.list-group-item .type p.topic-title{padding: 0 10px;margin: 10px 0;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 5;text-overflow: ellipsis;overflow: hidden;font-size: 24px;color: #272C32;line-height: 1.5;height: auto;}
.list-group-item .type.type_2-3 a:first-child{display:flex;width:100%;height:220px;background-color:#F2F5F7;align-items:center;align-content:center;position: relative;}
.list-group-item .type.type_2-3 a:first-child img:first-child{position: absolute;top:50%;left: 0;transform: translateY(-50%);width: 65%;height: auto;aspect-ratio: 25 / 18;}
.list-group-item .type.type_2-3 a:first-child img:nth-child(2){position: absolute;top:0;left:65%;width: 35%;height:auto;aspect-ratio: 1 / 1;}
.list-group-item .type.type_2-3 a:first-child img:nth-child(3){position: absolute;left: 65%;bottom: 0;width: 35%;height:auto;aspect-ratio: 1 / 1;}
.list-group-item .type.type_2-2 a:first-child{position: relative;display: flex;width: 100%;height: 190px;background-color: #F2F5F7;align-items: center;}
.list-group-item .type.type_2-2 a:first-child img:first-child,.list-group-item .type.type_2-2 a:first-child img:nth-child(2){width: 50%;height: auto;aspect-ratio: 25 / 18;}
.list-group-item.user-interaction{display: flex;justify-content:space-around;align-items:center;border-top: solid 1px #E6EBEE;}
.share,.comment,.zan{padding-bottom: 10px;display: flex;justify-content:center;align-items:center;width: 32.6%;font-size: 14px;color: #272C32;cursor: pointer;}
.share em,.comment em,.zan em{font-style: normal;position: relative;padding-left: 22px;}
.share em:before,.comment em:before,.zan em:before{content:'';position:absolute;width: 16px;height: 16px;top:50%;left:0;transform: translateY(-50%);background-position: 0 0;background-repeat: no-repeat;background-size: cover;}
.share em:before{background-image: url(/statics/images/pc//btn_share@2x.png);}
.comment em:before{background-image: url(/statics/images/pc//btn_comment@2x.png);}
.zan em:before{background-image: url(/statics/images/pc//icon_zan@2x.png);}
.share:hover,.comment:hover,.zan:hover{color: #00a0e9;}
.share:hover em:before{background-image: url(/statics/images/pc//btn_share-active@2x.png);}
.comment:hover em:before{background-image: url(/statics/images/pc//btn_comment-active@2x.png);}
.zan:hover em:before{background-image: url(/statics/images/pc//icon_zan-active@2x.png);}
.add-one{transform: scale(0);transform-origin: 50% 100%;}
.add-one.z-visible{animation: addone 1s ease;}
.list-group-item .add-one{position: absolute;top:-30px;right: 12px;color: #ff3333;font-size: 38px;font-family: "Georgia";z-index: 9;}
.list-group-item .add-one.z-visible{opacity: 100;filter: alpha(opacity=100);}
@keyframes addone{0%{opacity: 0;transform: scale(0);}80%{opacity: 1;transform: scale(1);}100%{opacity: 0;}}
.js_qrcode_wrap{position: absolute;left: 0;bottom:40px;z-index: 10;background-color: #f8f8f8;border-radius: 4px;padding: 10px;box-shadow: 2px 2px 6px 2px rgba(193,193,193,0.7);}
.js_qrcode_arr{position: absolute;display: block;width: 0;height: 0;bottom:0;left: 32.6%;}
.js_qrcode_arr::after{content: '';position: absolute;bottom:-12px;width: 0;height: 0;border: 6px solid #000;border-top-color:#f8f8f8;border-bottom-color: transparent;border-left-color: transparent;border-right-color: transparent;}
.js_qrcode_img{margin-bottom: 6px;width: 120px;}
.js_qrcode_img img{width: 120px;height: 120px;}
.js_qrcode_wrap p{font-size: 12px;color: #8b9097;line-height: 1.5;font-weight: 300;text-align: center;}
/*
详情
*/
.detailss{display: flex;}
.post_wemedia{background-color: #fff;border-radius: 8px 8px 4px 4px;}
.post_wemedia_avatar{position: relative;}
.post_wemedia_avatar .banner img{width: 100%;height: auto;border-radius: 4px 4px 0 0;}
.post_wemedia_avatar a{display: block;width: 100%;text-align: center;position: relative;}
.post_wemedia_avatar img{border-radius: 100%;}
.post_wemedia_name{padding:0 10px;text-align: center;font-size: 16px;color: #272C32;margin-top: 10px;}
.post_wemedia_info{position: relative;}
.post_wemedia_button{text-align:center;}
.recommend-live{display: none;}
.detail{width:100%;background-color: #fff;position: relative;}
.detail .tops{display: flex;align-items: center;justify-content: space-between;}
.detail .tops  .l{display: flex;align-items: center;font-weight: 500;color: #272c32;}
.detail .tops time{color: #AAAAAA;}
.content{font-size: 19px;color: #272C32;font-weight: 400;line-height: 1.5;padding-left: 20px; padding-right: 20px;}
.content p img{margin: 10px auto;max-width: 100%;height: auto;display: block;}
.fold{display: flex;align-items: center;justify-content: flex-end;font-size: 14px;color: #00A0E9;cursor: pointer;}
.detailss .left-container .list-group-item{display: flex;justify-content: space-around;}
.commentss{width:100%;background-color: #fff;border-top:solid 2px #ebe6ee;margin-bottom: 20px;}
.commentss .title{font-weight: bold;color: #000;}
.tie-input-bar p{border:solid 1px #E6EBEE;border-radius: 4px;cursor: pointer;display: flex;align-items: center;color: #000;}
.tie-input-bar div{display: flex;justify-content: space-between;align-items: flex-start;}
.tie-input-bar div span{color:#8B9097;font-weight: 300;}
.tie-input-bar div em{display: flex;background-color: #00A0E9;border-radius: 2px;color: #fff;font-style: normal;align-items: center;justify-content: center;}
.tie-list{margin-top:20px;}
.single-tie{margin-bottom: 20px;display: table;width: 100%;}
.photo{width: 38px;height: 38px;position: relative;float: left;margin-right: -48px;border-radius: 50%;}
.photo-link{width: 38px;height: 38px;border-radius: 50%;position: relative;z-index: 3;display: block;}
.tie-bdy{float: right;width: 100%;}
.bdy-inner{margin-left: 48px;}
.tie-author{font-size:12px;line-height: 1.3;color: #000;font-weight: 300;}
.tie-author .name{display: inline;color: #00A0E9;}
.tie-author p{display: inline;}
.tie-cnt{margin-top:10px;}
.image-set{display: flex;flex-wrap: wrap;}
.image-set a{display: block;margin-right: 6px;}
.image-set a img{max-width: 100%;max-height: 100%;object-fit: contain;aspect-ratio: 1 / 1;background-color: #f2f5f7;border-radius: 4px;border:solid 1px #e6ebee;}
.video-set{display: flex;justify-content: center;align-items: center;flex-wrap: wrap;}
.video-set video{width: 100%; max-width: 100%;}
.video-set a{display: block;position: relative;width: 100%;height: auto;}
.video-set a::after{content: '';position: absolute;top:0;left: 0;width: 100%;height: 100%;background-color: rgba(0,0,0,0.6);border-radius: 4px;}
.video-set a:before{content: '';position: absolute;top:50%;left: 50%;transform: translate(-50%,-50%);width: 36px;height: 40px;background: url(/statics/images/pc//ico_play@2x.png) no-repeat 0 0 / cover;z-index: 1;}
.video-set a video{width: 100%;height: auto;aspect-ratio: 25 / 14;position: relative;object-fit: cover;border-radius: 4px;}
.tool-bar{display: flex;align-items: center;justify-content: space-between;font-size: 12px;margin-top: 10px;;}
.tool-bar time{color: #AAAAAA;font-weight: 300;}
.detailss .left-container .tool-bar .list-group-item{padding: 0;width: 60%;justify-content: flex-end;border:none}
.detailss .left-container .tool-bar .list-group-item span{padding: 0;}
.floor-tie{border-left:solid 1px #e6ebee;padding-left: 6px;margin-top: 6px;}
.floor-tie-tie .tie-author em{font-style: normal;}
.comment-hint{margin-top: 40px;border-top:solid 1px #e6ebee;position: relative;height: 40px;}
.comment-hint span{position: absolute;top:-10px;left: 50%;transform: translateX(-50%);height: 20px;width: 70%;font-size: 12px;color: #aaa;line-height: 20px;text-align: center;font-weight: 300;background-color: #fff;}
/*
	弹出层
*/
.popup_container{position: fixed;top:0;left: 0;z-index: 100;width: 100vw;height: 100vh;}
.popup_bg{background-color: rgba(0,0,0,0.7);z-index: 1002;}
.popup_close{position: absolute;top:20px;right:20px;width: 24px;height: 24px;cursor: pointer;background-color: #fff;}
.popup_box{position:relative;padding: 20px;background-color: #fff;border-radius: 10px;margin-top: 10vh;margin-left: auto;margin-right:auto;}
.popup_box .logo img{max-height:42px;}
.popup_box .title{font-size:20px;font-weight:bold;color:#272c32;margin-top:10px;display: flex;align-items: center;}
.topic_select{margin-left: 10px;height: 40px;border: 1px solid #E6EBEE;border-radius: 4px;font-size: 12px;font-weight: 300;color: #8B9097;padding: 0 10px;}
.forms{width: 100%;}
.popup_container .popup_box--title h3{
	font-size: 18px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
/*
	登录注册资料页
*/
.login1 form,.login2 form{margin:20px auto;overflow:hidden;}
.login1 form,.login2 form{width:100%;}
.login1 .phone,.login1 .cord{position:relative;margin-bottom:30px;height:44px;display:flex;align-items:center;}
.phone img,.cord img{margin-right:10px;width:24px;height:24px;position: absolute;left:10px;}
.login1 .error{position:absolute;left:0;bottom:-30px;display:flex;height:40px;align-items:center;font-size:14px;color:#ff4f4f;font-weight:300;}
.login1 input[type="text"],.login2 input[type="text"]{border:none;width:100%;height:100%;border:solid 1px #e6ebee;border-radius:4px;}
.login1 input[type="text"]{padding-left:44px;padding-right:10px;}
.login1 .cord input[type="button"]{border:none;background-color: #00A0E9;height: 100%;width: 60%;margin-left:10px;font-size:12px;color:#fff;font-weight: 300;}
.button,.login2 form div.button{width: 100%;height: 42px;}
.button button{width: 100%;height: 100%;font-size: 14px;color: #fff;text-align: center;background-color: #00A0E9;border: none;}
.login_hint{text-align: center;font-size: 13px;color: #272C32;}
.login_hint a{color: #00A0E9;}
/* .login2 form{height: calc(75vh - 112px);overflow-y: auto;} */
.login2 form div{position:relative;margin-bottom: 12px;height: 44px;display: flex;align-items: center;flex-wrap: wrap;width: 100%;}
.login2 form div span{color: #272C32;}
.login2 form div.follows,.login2 form div.follows .checkboxs{height: auto;}
.login2 form div.follows span{width: 100%;}
.login2 input[type="text"]{width:78%;padding: 0 10px;}
form div.age select{position: absolute;width: 22%;right: 0;border:none;background:none;font-size: 13px;}
form div.age::after{content: '';position: absolute;width: 0;height: 0;border-left: solid 4px transparent;border-top: solid 6px #00A0E9;border-right: solid 4px transparent;right:14px;}
form div.age input[type="text"]{padding-right:calc(22% + 10px);}
form div.follows .checkboxs span{display: flex;align-items: center;width: 33%;margin: 6px 0;}
form div.follows .checkboxs span label{font-weight: 300;margin: 0;margin-left: 5px;width: auto;}
form div.follows .checkboxs span.inputspan{width: 66%;}
div.follows .checkboxs span.inputspan input[type="text"]{width: 70%;margin-left: 6%;}
.txt-btn{text-align: center;font-size: 13px;justify-content: center;}
/*
	发布话题
*/
.forms > div{margin-top:20px;font-weight: 300;}
.forms > div .txt{display: flex;align-items: center;flex-wrap: wrap;}
.forms > div .txt name{font-size: 16px;font-weight: bold;}
.forms > div .txt p{font-size: 10px;color: #8b9097;}
.names .txt{justify-content: space-between;}
.forms > div textarea, .forms > div input[type="text"]{width: 100%;border:solid 1px #e6ebee;border-radius: 4px;padding: 10px;font-size: 14px;line-height: 1.33;}
.imgboxs,.videoboxs,.attachmentboxs{width: 100%;margin-top: 10px;}
.z_photo,.z_mp4,.z_attachment{display: flex;flex-wrap: wrap;}
.z_photo .z_file,.z-video,.z-attachment{position: relative;}
.z_file .add-img,.z-video .add-video,.z-attachment .add-attachment{display: flex;flex-wrap: wrap;justify-content: center;align-items: center;width: 100%;height: 25vw;text-align: center;background-color: #F2F5F7;border:solid 1px #e6ebee;border-radius: 4px;}
.z-video .add-video{height: 30vw;}
.add-img img,.add-video img{width: 42px;height: 42px;}
.z_file .file_img,.z-video .file_video, .z-attachment .file_video{position: absolute;top:0;left: 0;z-index: 100;width: 100%;height: 100%;opacity: 0;}
.up-section{position: relative;}
.up-section .up-span{position:absolute;top:0;left:0;z-index: 9;display:block;width: 100%;height:100%;visibility:hidden;background-color:rgba(0,0,0,0.5);}
.z_photo .up-img,.z_mp4 .up-img,.z_attachment .up-img{display: block;width: 100%;height: 100%;}
.z-video .up-img{object-fit: fill;}
.up-opcity{opacity: 0;}
.img-name-p{display:none;}
.attach-name-p{white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.up-section .close-upimg{position: absolute;top: 6px;right: 8px;display:flex;align-content:center;align-items:center;text-align:center;z-index: 10;background-color: #f6f6f6;border-radius: 100%;width: 20px;height:20px;font-size:16px;font-style:normal;}
.el-icon-close:before{content:'×';width: 100%;}
.huati_fabu .forms .huati--center2 .s-attachments-box section.up-section{height: 80px; padding-bottom: 20px;}
.popup_container .full-screen {width: 100%; height: 100%;padding: 0;margin: 0;}
/*
	成功提示
*/
.contnets{padding-top:30px;}
.contnets p{padding-bottom: 20px;font-weight: bold;}
.contnets .button{width: 84px;height: 34px;}
.contnets .button button{font-size: 12px;border-radius: 2px;}
/*
	个人中心
*/
.personinfos .logged{width: auto;}
.personinfos .logged .namess{font-size: 14px;margin-left: 6px;}
/*
	个人信息设置
*/
/*
	我的话题
*/
.notnotes{background-color: #e6ebee;display: flex;justify-content: center;flex-wrap: wrap;padding-bottom: 40px;}
.notnotes img{display: block;margin: auto;width: 216px;}
.notnotes p{margin-top: 10px;font-size: 13px;color: #71859f;line-height: 1;display: block;width: 100%;text-align: center;}
.upload-btns{display: block;margin: auto;width: 104px;height: 34px;background-color: #00A0E9;border-radius: 2px;font-size: 14px;color: #fff;text-align: center;line-height: 34px;margin-top: 20px;}
.topic-list{background-color: #e6ebee;}
.topic-list .tool-bar{flex-wrap: wrap;align-items: flex-start;margin: 5px 0;position: relative;}
.topic-list .tool-bar > p{width: 70%;}
.topic-list .tool-bar > p .name{display: block;color: #272C32;}
.state{width: 30%;text-align: right;}
.state span + span{margin-left: 5px;}
.state .c1{color: #00A0E9;}
.state .c2{color: #FF4F4F;cursor: pointer;}
.state .c3{color: #00A0E9;cursor: pointer;}
.state .c4{color: #FF4F4F;cursor: pointer;}
.failed{position: absolute;background-color: #fff;border-radius: 4px;padding: 10px;width: 80%;border: 1px solid #E6EBEE;box-shadow: 0px 0px 17px 0px rgba(193,193,193,0.3);right: 0;margin-top: 10px;text-align: left;}
.failed::after{content: '';position: absolute;top:-6px;width: 0;height: 0;border-bottom: solid 6px #E6EBEE;border-left: solid 6px transparent;border-right: solid 6px transparent;z-index: 1;right: 20px;}
.failed::before{content: '';position: absolute;top:-4px;width: 0;height: 0;border-bottom: solid 4px #fff;border-left: solid 5px transparent;border-right: solid 5px transparent;z-index: 2;right: 21px;}
.failed name{display: block;width: 100%;font-size: 14px;margin-bottom: 10px;}
.failed p{font-size: 10px;}
.personss .left-container .tool-bar .list-group-item{width: 100%;align-items: center;justify-content: space-around;}
.personss .left-container .tool-bar .list-group-item .share{padding: 0;}
.my_topics .js_qrcode_wrap{border:1px solid #E6EBEE;box-shadow: 0px 0px 17px 0px rgba(193,193,193,0.3);}
.my_topics .js_qrcode_arr:before{content: '';position: absolute;top: -16px;left:-2px;width: 0;height: 0;border-style: solid;border-width: 8px;border-top-color: transparent;border-bottom-color: #e6ebee;border-left-color: transparent;border-right-color: transparent;}
/*
	我的评论
*/
.my_comments{background-color: #e6ebee!important;}
.comment_tabs ul{display: flex;margin-bottom: 7px;}
.comment_tabs ul li{position: relative;padding-bottom: 8px;padding-right:30px;}
.comment_tabs ul li.current:before{content: '';position: absolute;left: 50%;background-color: #00a0e9;transform: translateX(-50%);}
.comment_tabs ul li a{display: block;font-weight: bold;}
.comment_tabs ul li.current a{color: #00a0e9;}
.comment_boxs .single-tie{background-color: #fff;border-radius: 4px;}
.comment_boxs .tie-author .name{display: block;color: #272C32;}
.comment_boxs .tie-author time{color: #AAAAAA;}
.content-div{font-size: 14px;line-height: 1.5;margin-bottom: 10px;display: flex;}
.content-div em{font-style: normal;}
.content-div .name{color: #00a0e9;}
.comment_boxs .floor-tie{background-color: #f2f5f7;border: none;border-radius: 4px;padding: 0;}
.head-pic{width: 100%;height: auto;}
.head-pic a{display: block;overflow: hidden;}
.head-pic img{width: 100%;height: auto;aspect-ratio: 25 / 14;border-radius: 4px 0 0 4px;}
.tie-article p{line-height: 1.5;margin-top: 5px;}
.others-tie{display: table;width: calc(100% + 24px);background-color: #f2f5f7;left: -12px;position: relative;top:10px;margin-bottom: 12px;}
.attachment-set {margin-top: 6px;display: flex;flex-direction: column;align-items: flex-start;}
.attachment-set .cus_button+.cus_button {margin-left: 0; margin-top: 5px;}

/*
	管理好物
*/
.common-table {
	width: 100%;
	padding: 10px;
	background-color: #fff;
	border-radius: 4px;
	min-height: 460px;
}
.common-table table{
	width: 100%;
}
.common-table table thead th,
.common-table table tbody td{
	padding: 0 10px;
	line-height: 2;
}
.common-table table tbody tr{
	border-bottom: 1px solid #F2F5F7;
}
.common-table table tbody td{
	padding: 5px 10px;
}
.common-table table thead{
	background: #F2F5F7;
}
.table-form .form-item{
	display: flex;
	align-items: center;
	align-content: center;
	flex-direction: row;
	margin-bottom: 10px;
}
.table-form .form-item .form-item-content{
	margin-left: 10px;
}
.table-form .form-item .form-item-content select{
	border: 1px solid #F2F5F7;
	background-color: #fff;
	padding: 5px 10px;
}
.table-form button{
	padding: 5px 25px;
	background-color: #f2f5f7;
	border: unset;
}

.confirm_header .confirm_close {
	position: absolute;
	top: 15px;
	right: 15px;
	width: 16px;
	height: 16px;
	display: inline-block;
	padding: 0;
	border: none;
	outline: none;
	background: transparent;
	font-size: 16px;
	cursor: pointer;
}
.confirm_header .confirm_close .icon_close{
	width: 16px;
	height: 16px;
	display: block;
}

.confirm_header .confirm_close .icon_close::after,
.confirm_header .confirm_close .icon_close:before{
	content: '';
	width: 2px;
	height: 16px;
	display: block;
	position: absolute;
	left: 50%;
	top: 50%;
	background-color: #909399;
	transform: translate(-50%, -50%) rotate(45deg);
}
.confirm_header .confirm_close .icon_close::after {
	transform: translate(-50%, -50%) rotate(-45deg);

}

.confirm_header .confirm_title {
	padding-left: 0;
	margin-bottom: 0;
	font-size: 18px;
	line-height: 1;
	color: #303133;
}

.confirm_content {
	padding: 10px 15px;
	color: #606266;
	font-size: 14px;
}
.confirm_content .confirm_input{
	-webkit-appearance: none;
	background-color: #fff;
	background-image: none;
	border-radius: 4px;
	border: 1px solid #dcdfe6;
	box-sizing: border-box;
	color: #606266;
	display: inline-block;
	font-size: inherit;
	height: 40px;
	line-height: 40px;
	outline: none;
	padding: 0 15px;
	transition: border-color .2s cubic-bezier(.645,.045,.355,1);
	width: 100%;
	margin-top: 10px;
}

.confirm_footer {
	padding: 5px 15px 0;
	text-align: right;
}

.cus_button {
	display: inline-block;
	line-height: 1;
	white-space: nowrap;
	cursor: pointer;
	background: #fff;
	border: 1px solid #dcdfe6;
	color: #606266;
	-webkit-appearance: none;
	text-align: center;
	box-sizing: border-box;
	outline: none;
	margin: 0;
	transition: .1s;
	font-weight: 500;
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	padding: 9px 15px;
	font-size: 12px;
	border-radius: 3px;
}
.cus_button+.cus_button {
	margin-left: 5px;
}

.cus_button.primary_button {
	color: #fff;
	background-color: #409eff;
	border-color: #409eff;
}
.primary_button[disabled] {
	background-color: #bcbcbc;
	border-color: #bcbcbc;
}
.cus_button.danger_button {
	color: #fff;
	background-color: #f56c6c;
	border-color: #f56c6c;
}

.cus_button.warning_button {
	color: #fff;
	background-color: #e6a23c;
	border-color: #e6a23c;
}

.confirm_popup_background .confirm_popup_container .confirm_header{
	position: relative;
	padding: 15px 15px 10px;
}
.confirm_popup_background .confirm_popup_container{
	width: 50%;
	max-width: 420px;
	padding-bottom: 10px;
	vertical-align: middle;
	background-color: #fff;
	border-radius: 4px;
	border: 1px solid #ebeef5;
	font-size: 18px;
	box-shadow: 0 2px 12px 0 rgb(0 0 0 / 10%);
	text-align: left;
	overflow: hidden;
	background: #fff;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}
.confirm_popup_background {
	width: 100vw;
	height: 100vh;
	position: fixed;
	left: 0;
	top: 0;
	background-color: rgba(0,0,0,0.5);
}
.crumbs-box {
	position: relative;
}

.crumbs-box .go-return {
	display: flex;
	color: #fff;
}
.crumbs-box .go-return span{
	color: #fff;
}
.logged .logged-user-icon #unread-num{
	position: absolute;
	right: 0;
	top: 0;
	background: red;
	color: #fff;
	border-radius: 100%;
	width: 20px;
	height: 20px;
	text-align: center;
	line-height: 20px;
	font-size: 12px;
	transform: scale(0.9);
}
.logged .logged-user-icon{
	position: relative;
	margin: 0 4px 0 6px;
}
.logged .signin-btn span{
	line-height: 34px;
	color: #ea0009;
	font-size: 18px;
}
.logged .signin-btn {
	background-color: #ffe6e7;
	border-radius: 24px;
	height: 34px;
	padding: 0 21px;
	cursor: pointer;
}
.kx-search {
	position: initial;
}
.cus-dialog {
	display: none;
  position: fixed;
  left: 0;
  top: 0;
  width: 100vw;
  height: 100vh;
  background: #000000a3;
  z-index: 2001;
}
.cus-dialog .dialog-container{
  width: 600px;
  position: absolute;
  left: 50%;
  top: 10vh;
  transform: translateX(-50%);
  background-color: #fff;
  border-radius: 5px;
  padding: 15px;
	max-height: 80vh;
	overflow: scroll;
}
.cus-dialog .dialog-container .dialog-header{
  height: 60px;
  font-size: 18px;
  text-align: center;
}

.cus-dialog .dialog-container .dialog-content{
  font-size: 18px;
}
.cus-dialog .dialog-container .dialog-footer{
  text-align: right;
  margin-top: 15px;
}

.cus-dialog .dialog-container .dialog-header .dialog-close{
	width: 16px;
	height: 16px;
	display: block;
	position: absolute;
	right: 10px;
	top: 10px;
}

.cus-dialog .dialog-container .dialog-header .dialog-close::after,
.cus-dialog .dialog-container .dialog-header .dialog-close:before{
	content: '';
	width: 2px;
	height: 16px;
	display: block;
	position: absolute;
	left: 50%;
	top: 50%;
	background-color: #909399;
	transform: translate(-50%, -50%) rotate(45deg);
}
.cus-dialog .dialog-container .dialog-header .dialog-close::after {
	transform: translate(-50%, -50%) rotate(-45deg);
}

.s-alert.s-alert--error .s-message{
	color: #f56c6c;
}
.s-alert.s-alert--success .s-message{
	color: #67c23a;
}
.s-alert.s-alert--error{
	background-color: #fef0f0;
	border-color: #fde2e2;
}
.s-alert.s-alert--success{
	background-color: #f0f9eb;
	border-color: #e1f3d8;
}
.s-alert{
	position: fixed;
	left: 50%;
	transform: translateX(-50%);
	top: 40px;
	z-index: 2001;
	padding: 10px 20px;
	background: #fff;
	border: 1px solid #ebeef5;
	border-radius: 4px;
	animation: fadeinout 2s linear 0;
	animation-iteration-count: 1;
	opacity: 1;
}
@keyframes fadeinout{
	0%{opacity: 0;}
	20%{opacity: 1;}
	100%{opacity: 1;}
}


/**
	好物dialog
**/
.topic-dialog .s-upload {}
.topic-dialog .uploaded-container {
	width: 100%;
}
.topic-dialog .upload-btn img {
	width: 42px;
	height: 42px;
}
.topic-dialog .z_attachment .up-section{
	width: 6vw;
	height: 6vw;
}

/**
	input样式
 */
.kxpd-input {
	border: 1px solid #E6EBEE;
	border-radius: 5px;
	padding: 0 8px;
	height: 30px;
	line-height: 30px;
}
.address-form-item-content .kxpd-input {
	width: 100%;
}
/**
	select
 */

.kxpd-select .select-box {
	position: relative;
	cursor: pointer;
}
.kxpd-select .select-box .select-text span{
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	display: block;
	width: calc( 100% - 15px);
}
.kxpd-select .select-box .select-text{
	border: 1px solid #e6ebee;
	border-radius: 5px;
	padding: 10px 6px;
	position: relative;
	user-select: none;
}
.kxpd-select .select-box .select-text .icon-up{
	transform: rotate(-135deg);
}
.kxpd-select .select-box .select-text .icon-down{
	transform: rotate(45deg);
}
.kxpd-select .select-box .select-text .iconfont{
	position: absolute;
	right: 15px;
	top: calc(50% - 5px);
	display: block;
	width: 8px;
	height: 8px;
	border-bottom: 1px solid #000;
	border-right: 1px solid #000;
	transition: transform 0.3s ease-in-out;
}
.kxpd-select .select-box .select-list{
	height: 0;
	overflow: scroll;
	border-radius: 5px;
	box-shadow: #e7e7e7 0px 0 5px 0px;
	position: absolute;
	width: 100%;
	top: calc(100% + 5px );
	background-color: #fff;
	z-index: 99;
	transition: height 0.3s ease-in-out;
}
.kxpd-select .select-box .select-list .select-item:hover{
	background-color: #00a0e9;
	color: #fff;
}
.kxpd-select .select-box .select-list .select-item.disabled:hover{
	background-color: inherit;
	cursor: not-allowed;
}
.kxpd-select .select-box .select-list .select-item.disabled{
	color: #999;
}
.kxpd-select .select-box .select-list .select-item{
	padding: 10px 20px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}


@media only screen and (max-width: 767px) {
	.confirm_popup_background .confirm_popup_container {
		width: 80%;
	}
	.cus-dialog .dialog-container{width: 80vw;}	
	.cus-dialog .dialog-container .dialog-header {font-size: 15px;height: 40px;}
	.cus-dialog .dialog-container .dialog-content {font-size: 14px;}
	body{font-size: 16px;}
	.new_haowu_container {flex-direction: column;}
	/*header*/
	.kx-header{display:flex;align-items: center;justify-content: center;height: 49px;}
	.header-container{align-content: center;width: 100%;}
	.header-container > a{margin-left: 4%;}
	.kx-header .kx-logo{max-height: 49px;}
	.menu-nav{display: none;}
	.kx-search{display: flex;align-items: center;justify-content: space-between;margin:0 5px;height: 30px;background-color: #e6ebee;border-radius: 18px;}
	.kx-search input{margin-left: 10px;width: calc(100% - 40px);}
	.kx-search a{margin-right: 10px;}
	.kx-search a img{margin-top: 4.5px;}
	.close-menus img{margin-right: 4%;}
	.menus{margin: 0 5px;}
	.menus img,.close-menus img{max-height: 21px;}
	.show_nav{position: fixed;top:0;left:0;z-index: 100;display: block;width: 100vw;height: 100vh;background-color: #fff;}
	.close-menus{display: flex;align-items: center;align-content: center;justify-content: flex-end;width: 100%;height: 49px;}
	.show_nav ul{display: flex;flex-wrap: wrap;justify-content: center;}
	.show_nav ul li{margin-top: 7vh;padding: 0 20vw;width: 100%;font-weight: 500;line-height: 1.7;}
	.show_nav ul li a{display: inline-block;}
	.show_nav ul li.active a{color: #00a0e9;font-weight: bold;border-bottom: solid 3px #00a0e9;}
	.login-status{margin-right: 4%;display: flex;align-items: center;}
	.logged{display: flex;align-items: center;justify-content:space-around;width: 160px;}
	.logged .serach_link{font-size: 12px;}
	.release{width: 24px;height: 24px;}
	.logged .icons{width: 36px;height: 36px;border-radius: 100%;}
	.login{width: 32px;font-size: 14px;color: #333;text-align: right;}
	/*footer*/
	.kx-footer{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;align-content:center;padding:15px 0;width: 100%;text-align:center;background-color: #272c32;}
	.footer-container{margin:1em 40px;}
	.kx-about,.kx-partner{display: none;}
	.kx-tencent{display: flex;flex-wrap: wrap;justify-content: center;}
	.title-h3{margin-bottom: 10px;width: 100%;font-size: 1em;font-weight: 400;color: #fff;}
	.tencent{display: flex;flex-wrap: wrap;justify-content: center;}
	.tencent img{width: 120px;height: 120px;}
	.tencent span{display:block;width:100%;margin-top: 6px;font-size: 14px;color: #fff;}
	/*公共部分*/
	.kx-section{min-height: calc(100vh - 339px);}
	.section-container{width: 95%;}
	.crumbs-box{display: flex;justify-content: space-between;align-items: center;margin: 10px 0 15px;}
	.crumbs-box a,.crumbs-box i{display: none;}
	.crumbs-box span{font-size: 16px;}
	.right-container,.left-container{width: 100%;}
	.hidden {display: none;}
	/*科技好物主体部分*/
	.users{top:-20px;margin-left:10px;width: 60px;height: 60px;}
	.user-info{margin-left:10px;}
	.user-info h3{font-size: 15px;}
	.user-info p{font-size: 12px;}
	.tags{padding-top: 12px;padding-left: 10px;left:0;}
	.tags span{font-size: 10px;color: #8B9097;}
	.tags span strong{font-size: 18px;}
	.right-btn{margin-right:10px;margin-top: 6px;}
	.right-btn span{width: 50px;height: 24px;line-height: 24px;font-size: 10px;}
	.waterfall{column-count: 1!important;width:100%!important;}
	.waterfall .list-group {margin-right: 0;width: 100%;}
	.box-tb .item{width: 100%;} 
	/*详情*/
	.detailss{flex-wrap: wrap;flex-direction: column-reverse;}
	.post_wemedia_avatar a{margin-top: 0;padding-top: 10px;}
	.personss	.post_wemedia_avatar a{margin-top: 0;padding-top: 20px;}
	.post_wemedia_avatar img{width: 80px;height: 80px;}
	.post_wemedia_info .tags{position: relative;justify-content: center;}
	.post_wemedia_info .tags span{display: flex;align-items: center;}
	.post_wemedia_button{padding: 10px 0;}
	.recommend-live{display: none;}
	.detail{margin-top:20px;}
	.detail .tops{padding: 15px 12px;}
	.detail .tops .imgs{width: 40px;height: 40px;border-radius: 50%;}
	.detail .tops .l .tt{margin-left: 8px;font-size: 12px;}
	.detail .tops time{font-size: 10px;}
	.content{padding-left:12px;padding-right: 12px;}
	.fold{margin-top:15px;padding-right: 12px;}
	.commentss .title{padding-top:10px;padding-left: 12px;}
	.tie-input-bar{margin-left: 12px;margin-right: 12px;}
	.tie-input-bar p{height: 30px;border:solid 1px #E6EBEE;padding-left:6px;font-size:12px;margin-top:10px;}
	.tie-input-bar div{margin-top:6px;}
	.tie-input-bar div span{font-size: 10px;}
	.tie-input-bar div em{width: 64px;height: 28px;font-size: 12px;margin-left: 10px;}
	.tie-list{margin-left:12px;margin-right:12px;}
	.image-set a{margin-right: 6px;width: calc((100% - 12px) / 3);margin-bottom: 6px;}
	.image-set a:nth-child(3n){margin-right:0;}
	.video-set a{margin-bottom: 6px;}
	/*弹出层*/
	.topic{width:90%;height: 78vh;overflow-y: auto;}
	/*个人资料*/
	.login2 form div span{font-size: 14px;width: 22%;}
	/*发布话题*/
	.upimg-div .z_file,.upimg-div .up-section{width: 30%;height: 25vw;}
	.z_photo .up-section{margin-bottom: 10px;margin-right:5%}
	.z_photo .up-section:nth-child(3n){margin-right:0;}
	.upmp4-div .z-video,.upmp4-div .up-section{width: 48%;height: 30vw;}
	.s-attachments-box .s-attachments-container .up-section{width: 60px;}
	.s-attachments-box .s-attachments-container .up-section .attach-name-p{font-size: 12px;}
	.topic-dialog .z_attachment .up-section {width: 14vw;height: 12vh;}
	.upmp4-div .up-section{margin-right: 4%;}
	.z_mp4 .up-section:nth-child(2n){margin-right: 0;}
	.topic_hints{width: 90%;}
	/*个人信息*/
	.personinfos .logged{position: absolute;right: 4%;}
	/*个人信息设置*/
	.personss{flex-direction: column;}
	.personrightss .crumbs-box{position: absolute;top:0;font-size: 20px;font-weight: 400;}
	.personss .post_wemedia{padding-bottom: 20px;}
	.personss .tags span:before{background: none;width: 2px;border-left: dotted 2px #272C32 ;right:-4px;}
	.personss .tags span:last-child:before{display: none;}
	.personss .tags span{flex-wrap: wrap;padding: 0 15px;justify-content: center;height: 40px;}
	.personss .tags span em,.personss .tags span strong{display: block;width: 100%;text-align: center;}
	.personss .tags span strong{margin: 0;}
	.box-link_tabs{margin-top: 20px;background-color: #fff;border-radius: 4px;}
	.box-link_tabs ul{display: flex;width: 100%;height: 40px;align-items: center;}
	.box-link_tabs ul li{width: 25%;text-align: center;}
	.box-link_tabs ul li a{display: block;position: relative;width: 100%;height: 100%;font-size: 14px;font-weight: 500;}
	.box-link_tabs ul li.current a{color: #00A0E9;font-weight: bold;}
	.box-link_main{width: 100%;margin-top: 20px;background-color: #fff;border-radius: 4px;}
	.personforms{padding: 12px;overflow: hidden;margin-bottom: 40px;}
	.personforms > div{margin-bottom: 12px;position: relative;}
	.personforms > div label{display: block;width: 100%;font-size: 16px;font-weight: bold;}
	.personforms > div input[type="text"]{width: 100%;height: 34px;border: solid 1px #e6ebe6;border-radius: 4px;padding: 0 8px;font-size: 13px;color: #272C32;background-color: #fff;}
	.set_icons .imgs{display: flex;align-items: center;justify-content: space-between;}
	.set_icons .imgs img{width: 60px;height: 60px;border-radius: 50%;}
	.set_icons .imgs > div{font-size: 11px;color: #8b9097;font-weight: 300;}
	.set_icons .imgs > div > p{position: relative;width: 104px;height: 34px;margin-top: 6px;}
	.set_icons .imgs > div > p span{display:block;line-height:34px;text-align: center;color: #fff;font-size: 12px;background-color: #00A0E9;}
	.set_icons .imgs > div > p input{position: absolute;z-index: 10;width: 100%;height: 100%;top: 0;left: 0;opacity: 0;}
	.set_phone span{display: block;line-height: 34px;font-size: 14px;}
	.personforms div.age select{right: 12px;height: 20px;line-height: 20px;margin-top: 7px;}
	.personforms div.age::after{bottom: 14px;right: 20px;}
	.personforms div.follows .checkboxs{display: flex;flex-wrap: wrap;}
	/*我的话题*/
	.topic-list{margin: 0;}
	.topic-list .upload-btns{position: absolute;top: -10px;right: 60px;width: 84px;height: 24px;font-size: 12px;line-height: 24px;}
	.topic-list .single-tie{background-color: #fff;border-radius: 4px;padding: 12px;margin-bottom: 12px;}
	.my_topics .js_qrcode_wrap{top:30px;}
	/*我的评论*/
	.comment_tabs ul li{padding-left:30px;}
	.comment_tabs ul li.current:before{bottom: 2px;width: calc(100% - 60px);height: 2px;}
	.comment_tabs ul li a{font-size: 18px;}
	.comment_boxs .tie-list{margin: 0;}
	.comment_boxs .single-tie{padding: 12px;margin-bottom: 12px;}
	.tie-article{font-size:12px;}
	.article-cnt{padding: 12px;}
	.article-cnt a {max-height: 120px;overflow: hidden;display: block;}
	.others-tie .content-div{padding:12px 12px 0;}
}
@media only screen and (min-width: 768px) {
	body{font-size: 16px;}
	/*header*/
	.kx-header{display:flex;align-items: center;justify-content: center;height: 49px;}
	.header-container{align-content: center;width: 100%;}
	.header-container > a{margin-left: 4%;}
	.kx-header .kx-logo{max-height: 49px;}
	.menu-nav{display: none;}
	.kx-search{display: flex;align-items: center;justify-content: space-between;margin:0 5px;height: 30px;background-color: #e6ebee;border-radius: 18px;}
	.kx-search input{margin-left: 10px;width: calc(100% - 40px);}
	.kx-search a{margin-right: 10px;}
	.kx-search a img{margin-top: 4.5px;}
	.close-menus img{margin-right: 4%;}
	.menus{margin: 0 5px;}
	.menus img,.close-menus img{max-height: 21px;}
	.show_nav{position: fixed;top:0;left:0;z-index: 100;display: block;width: 100vw;height: 100vh;background-color: #fff;}
	.close-menus{display: flex;align-items: center;align-content: center;justify-content: flex-end;width: 100%;height: 49px;}
	.show_nav ul{display: flex;flex-wrap: wrap;justify-content: center;}
	.show_nav ul li{margin-top: 7vh;padding: 0 20vw;width: 100%;font-weight: 500;line-height: 1.7;}
	.show_nav ul li a{display: inline-block;}
	.show_nav ul li.active a{color: #00a0e9;font-weight: bold;border-bottom: solid 3px #00a0e9;}
	.login-status{margin-right: 4%;display: flex;align-items: center;}
	.logged{display: flex;align-items: center;justify-content:space-around;width: 160px;}
	.logged .serach_link{font-size: 12px;}
	.release{width: 24px;height: 24px;}
	.logged .icons{width: 36px;height: 36px;}
	.login{width: 32px;font-size: 14px;color: #333;text-align: right;}
	/*footer*/
	.kx-footer{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;align-content:center;padding:15px 0;width: 100%;text-align:center;background-color: #272c32;}
	.footer-container{margin:1em 40px;}
	.kx-about,.kx-partner{display: none;}
	.kx-tencent{display: flex;flex-wrap: wrap;justify-content: center;}
	.title-h3{margin-bottom: 10px;width: 100%;font-size: 1em;font-weight: 400;color: #fff;}
	.tencent{display: flex;flex-wrap: wrap;justify-content: center;}
	.tencent img{width: 120px;height: 120px;}
	.tencent span{display:block;width:100%;margin-top: 6px;font-size: 14px;color: #fff;}
	/*公共部分*/
	.kx-section{min-height: calc(100vh - 339px);padding-top: 49px;}
	.section-container{width: 92%;}
	.crumbs-box{display: flex;justify-content: space-between;align-items: center;margin: 10px 0 15px;}
	.crumbs-box a,.crumbs-box i{display: none;}
	.crumbs-box span{font-size: 20px;}
	.right-container,.left-container{width: 100%;}
	/*科技好物主体部分*/
	.users{top:-20px;margin-left:10px;width: 60px;height: 60px;}
	.user-info{margin-left:10px;}
	.user-info h3{font-size: 15px;}
	.user-info p{font-size: 12px;}
	.tags{position: absolute;padding-top: 12px;padding-left: 10px;left:0;}
	.tags span{font-size: 10px;color: #8B9097;}
	.tags span strong{font-size: 18px;}
	.right-btn{margin-right:10px;margin-top: 6px;}
	.right-btn span{width: 50px;height: 24px;line-height: 24px;font-size: 10px;}
	.waterfall{column-count: 1;}
	.waterfall .list-group {margin-right: 0;width: 345px;}
	.box-tb .item{width: 100%;} 
	/*详情*/
	.detailss{flex-wrap: wrap;flex-direction: column-reverse;}
	.post_wemedia_avatar a{margin-top: 0;padding-top: 10px;}
	.personss	.post_wemedia_avatar a{margin-top: 0;padding-top: 20px;}
	.post_wemedia_avatar img{width: 80px;height: 80px;}
	.post_wemedia_info .tags{position: relative;justify-content: center;}
	.post_wemedia_info .tags span{display: flex;align-items: center;}
	.post_wemedia_button{padding: 10px 0;}
	.recommend-live{display: none;}
	.detail{margin-top:20px;}
	.detail .tops{padding: 15px 12px;}
	.detail .tops .imgs{width: 40px;height: 40px;border-radius: 50%;}
	.detail .tops .l .tt{margin-left: 8px;font-size: 12px;}
	.detail .tops time{font-size: 10px;}
	.content{padding-left:12px;padding-right: 12px;}
	.fold{margin-top:15px;padding-right: 12px;}
	.commentss .title{padding-top:10px;padding-left: 12px;}
	.tie-input-bar{margin-left: 12px;margin-right: 12px;}
	.tie-input-bar p{height: 30px;border:solid 1px #E6EBEE;padding-left:6px;font-size:12px;margin-top:10px;}
	.tie-input-bar div{margin-top:6px;}
	.tie-input-bar div span{font-size: 10px;}
	.tie-input-bar div em{width: 64px;height: 28px;font-size: 12px;margin-left: 10px;}
	.tie-list{margin-left:12px;margin-right:12px;}
	.image-set a{margin-right: 6px;width: calc((100% - 12px) / 3);margin-bottom: 6px;}
	.image-set a:nth-child(3n){margin-right:0;}
	.video-set a{margin-bottom: 6px;}
	/*弹出层*/
	.topic{width:90%;height: 78vh;overflow-y: auto;}
	/*个人资料*/
	.login2 form div span{font-size: 14px;width: 22%;}
	/*发布话题*/
	.upimg-div .z_file,.upimg-div .up-section{width: 30%;height: 25vw;}
	.z_photo .up-section{margin-bottom: 10px;margin-right:5%}
	.z_photo .up-section:nth-child(3n){margin-right:0;}
	.upmp4-div .z-video,.upmp4-div .up-section, .upmp4-div .z-attachment{width: 48%;height: 30vw;}
	.upmp4-div .up-section{margin-right: 4%;}
	.z_mp4 .up-section:nth-child(2n){margin-right: 0;}
	.topic_hints{width: 90%;}
	/*个人信息*/
	.personinfos .logged{position: absolute;right: 4%;}
	/*个人信息设置*/
	.personss{padding-top: 54px;flex-direction: column;}
	.personrightss .crumbs-box{position: absolute;top:0;font-size: 20px;font-weight: 400;}
	.personss .post_wemedia{padding-bottom: 20px;}
	.personss .tags span:before{background: none;width: 2px;border-left: dotted 2px #272C32 ;right:-4px;}
	.personss .tags span:last-child:before{display: none;}
	.personss .tags span{flex-wrap: wrap;padding: 0 15px;justify-content: center;height: 40px;}
	.personss .tags span em,.personss .tags span strong{display: block;width: 100%;text-align: center;}
	.personss .tags span strong{margin: 0;}
	.box-link_tabs{margin-top: 20px;background-color: #fff;border-radius: 4px;}
	.box-link_tabs ul{display: flex;width: 100%;height: 40px;align-items: center;}
	.box-link_tabs ul li{width: 25%;text-align: center;}
	.box-link_tabs ul li a{display: block;position: relative;width: 100%;height: 100%;font-size: 14px;font-weight: 500;}
	.box-link_tabs ul li.current a{color: #00A0E9;font-weight: bold;}
	.box-link_main{width: 100%;margin-top: 20px;background-color: #fff;border-radius: 4px;}
	.personforms{padding: 12px;overflow: hidden;margin-bottom: 40px;}
	.personforms > div{margin-bottom: 12px;position: relative;}
	.personforms > div label{display: block;width: 100%;font-size: 16px;font-weight: bold;}
	.personforms > div input[type="text"]{width: 100%;height: 34px;border: solid 1px #e6ebe6;border-radius: 4px;padding: 0 8px;font-size: 13px;color: #272C32;background-color: #fff;}
	.set_icons .imgs{display: flex;align-items: center;justify-content: space-between;}
	.set_icons .imgs img{width: 60px;height: 60px;border-radius: 50%;}
	.set_icons .imgs > div{font-size: 11px;color: #8b9097;font-weight: 300;}
	.set_icons .imgs > div > p{position: relative;width: 104px;height: 34px;margin-top: 6px;}
	.set_icons .imgs > div > p span{display:block;line-height:34px;text-align: center;color: #fff;font-size: 12px;background-color: #00A0E9;}
	.set_icons .imgs > div > p input{position: absolute;z-index: 10;width: 100%;height: 100%;top: 0;left: 0;opacity: 0;}
	.set_phone span{display: block;line-height: 34px;font-size: 14px;}
	.personforms div.age select{right: 12px;height: 20px;line-height: 20px;margin-top: 7px;}
	.personforms div.age::after{bottom: 14px;right: 20px;}
	.personforms div.follows .checkboxs{display: flex;flex-wrap: wrap;}
	/*我的话题*/
	.topic-list{margin: 0;}
	.topic-list .upload-btns{position: absolute;top: -10px;right: 60px;width: 84px;height: 24px;font-size: 12px;line-height: 24px;}
	.topic-list .single-tie{background-color: #fff;border-radius: 4px;padding: 12px;margin-bottom: 12px;}
	.my_topics .js_qrcode_wrap{top:30px;}
	/*我的评论*/
	.comment_tabs ul li{padding-left:30px;}
	.comment_tabs ul li.current:before{bottom: 2px;width: calc(100% - 60px);height: 2px;}
	.comment_tabs ul li a{font-size: 18px;}
	.comment_boxs .tie-list{margin: 0;}
	.comment_boxs .single-tie{padding: 12px;margin-bottom: 12px;}
	.tie-article{font-size:12px;}
	.article-cnt{padding: 12px;}
	.others-tie .content-div{padding:12px 12px 0;}
	/*首页导航浮层*/
	.slide-new_index--header{margin-top: 49px;}
}
@media only screen and (min-width: 992px) {
	body{font-size: 16px;}
	/*header*/
	.kx-header{display:flex;align-items: center;justify-content: center;height: 49px;box-shadow: 0 0 8px 0 #dbdbdb;}
	.header-container{align-content: center;width: 100%;}
	.header-container > a{margin-left: 4%;}
	.kx-header .kx-logo{max-height: 49px;}
	.menu-nav{display: none;}
	.kx-search{display: flex;align-items: center;justify-content: space-between;margin:0 5px;height: 30px;background-color: #e6ebee;border-radius: 18px;}
	.kx-search input{margin-left: 10px;width: calc(100% - 40px);}
	.kx-search a{margin-right: 10px;}
	.kx-search a img{margin-top: 4.5px;}
	.close-menus img{margin-right: 4%;}
	.menus{margin: 0 5px;}
	.menus img,.close-menus img{max-height: 21px;}
	.show_nav{position: fixed;top:0;left:0;z-index: 100;display: block;width: 100vw;height: 100vh;background-color: #fff;}
	.close-menus{display: flex;align-items: center;align-content: center;justify-content: flex-end;width: 100%;height: 49px;}
	.show_nav ul{display: flex;flex-wrap: wrap;justify-content: center;}
	.show_nav ul li{margin-top: 7vh;padding: 0 20vw;width: 100%;font-weight: 500;line-height: 1.7;}
	.show_nav ul li a{display: inline-block;}
	.show_nav ul li.active a{color: #00a0e9;font-weight: bold;border-bottom: solid 3px #00a0e9;}
	.login-status{margin-right: 4%;display: flex;align-items: center;}
	.logged{display: flex;align-items: center;justify-content:space-around;width: 160px;}
	.logged .serach_link{font-size: 12px;}
	.release{width: 24px;height: 24px;}
	.logged .icons{width: 36px;height: 36px;}
	.login{width: 32px;font-size: 14px;color: #333;text-align: right;}
	/*footer*/
	.kx-footer{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;align-content:center;padding:15px 0;width: 100%;text-align:center;background-color: #272c32;}
	.footer-container{margin:1em 40px;}
	.kx-about,.kx-partner{display: none;}
	.kx-tencent{display: flex;flex-wrap: wrap;justify-content: center;}
	.title-h3{margin-bottom: 10px;width: 100%;font-size: 1em;font-weight: 400;color: #fff;}
	.tencent{display: flex;flex-wrap: wrap;justify-content: center;}
	.tencent img{width: 120px;height: 120px;}
	.tencent span{display:block;width:100%;margin-top: 6px;font-size: 14px;color: #fff;}
	/*公共部分*/
	.kx-section{min-height: calc(100vh - 339px);padding-top: 49px;}
	.section-container{width: 92%;}
	.crumbs-box{display: flex;justify-content: space-between;align-items: center;margin: 10px 0 15px;}
	.crumbs-box a,.crumbs-box i{display: none;}
	.crumbs-box span{font-size: 20px;}
	.right-container,.left-container{width: 100%;}
	/*科技好物主体部分*/
	.users{top:-20px;margin-left:10px;width: 60px;height: 60px;}
	.user-info{margin-left:10px;}
	.user-info h3{font-size: 15px;}
	.user-info p{font-size: 12px;}
	.tags{position: absolute;padding-top: 12px;padding-left: 10px;left:0;}
	.tags span{font-size: 10px;color: #8B9097;}
	.tags span strong{font-size: 18px;}
	.right-btn{margin-right:10px;margin-top: 6px;}
	.right-btn span{width: 50px;height: 24px;line-height: 24px;font-size: 10px;}
	.waterfall{column-count: 2;}
	.waterfall .list-group {margin-right: 0;width: 345px;}
	.box-tb .item{width: 100%;} 
	/*详情*/
	.detailss{flex-wrap: wrap;flex-direction: column-reverse;}
	.post_wemedia_avatar a{margin-top: 0;padding-top: 10px;}
	.personss	.post_wemedia_avatar a{margin-top: 0;padding-top: 20px;}
	.post_wemedia_avatar img{width: 80px;height: 80px;}
	.post_wemedia_info .tags{position: relative;justify-content: center;}
	.post_wemedia_info .tags span{display: flex;align-items: center;}
	.post_wemedia_button{padding: 10px 0;}
	.recommend-live{display: none;}
	.detail{margin-top:20px;}
	.detail .tops{padding: 15px 12px;}
	.detail .tops .imgs{width: 40px;height: 40px;border-radius: 50%;}
	.detail .tops .l .tt{margin-left: 8px;font-size: 12px;}
	.detail .tops time{font-size: 10px;}
	.content{padding-left:12px;padding-right: 12px;}
	.fold{margin-top:15px;padding-right: 12px;}
	.commentss .title{padding-top:10px;padding-left: 12px;}
	.tie-input-bar{margin-left: 12px;margin-right: 12px;}
	.tie-input-bar p{height: 30px;border:solid 1px #E6EBEE;padding-left:6px;font-size:12px;margin-top:10px;}
	.tie-input-bar div{margin-top:6px;}
	.tie-input-bar div span{font-size: 10px;}
	.tie-input-bar div em{width: 64px;height: 28px;font-size: 12px;margin-left: 10px;}
	.tie-list{margin-left:12px;margin-right:12px;}
	.image-set a{margin-right: 6px;width: calc((100% - 12px) / 3);margin-bottom: 6px;}
	.image-set a:nth-child(3n){margin-right:0;}
	.video-set a{margin-bottom: 6px;}
	/*弹出层*/
	.topic{width:90%;height: 78vh;overflow-y: auto;}
	/*个人资料*/
	.login2 form div span{font-size: 14px;width: 22%;}
	/*发布话题*/
	.upimg-div .z_file,.upimg-div .up-section{width: 30%;height: 25vw;}
	.z_photo .up-section{margin-bottom: 10px;margin-right:5%}
	.z_photo .up-section:nth-child(3n){margin-right:0;}
	.upmp4-div .z-video,.upmp4-div .up-section, .upmp4-div .z-attachment{width: 48%;height: 30vw;}
	.upmp4-div .up-section{margin-right: 4%;}
	.z_mp4 .up-section:nth-child(2n){margin-right: 0;}
	.topic_hints{width: 90%;}
	/*个人信息*/
	.personinfos .logged{position: absolute;right: 4%;}
	/*个人信息设置*/
	.personss{padding-top: 54px;flex-direction: column;}
	.personrightss .crumbs-box{position: absolute;top:0;font-size: 20px;font-weight: 400;}
	.personss .post_wemedia{padding-bottom: 20px;}
	.personss .tags span:before{background: none;width: 2px;border-left: dotted 2px #272C32 ;right:-4px;}
	.personss .tags span:last-child:before{display: none;}
	.personss .tags span{flex-wrap: wrap;padding: 0 15px;justify-content: center;height: 40px;}
	.personss .tags span em,.personss .tags span strong{display: block;width: 100%;text-align: center;}
	.personss .tags span strong{margin: 0;}
	.box-link_tabs{margin-top: 20px;background-color: #fff;border-radius: 4px;}
	.box-link_tabs ul{display: flex;width: 100%;height: 40px;align-items: center;}
	.box-link_tabs ul li{width: 25%;text-align: center;}
	.box-link_tabs ul li a{display: block;position: relative;width: 100%;height: 100%;font-size: 14px;font-weight: 500;}
	.box-link_tabs ul li.current a{color: #00A0E9;font-weight: bold;}
	.box-link_main{width: 100%;margin-top: 20px;background-color: #fff;border-radius: 4px;}
	.personforms{padding: 12px;overflow: hidden;margin-bottom: 40px;}
	.personforms > div{margin-bottom: 12px;position: relative;}
	.personforms > div label{display: block;width: 100%;font-size: 16px;font-weight: bold;}
	.personforms > div input[type="text"]{width: 100%;height: 34px;border: solid 1px #e6ebe6;border-radius: 4px;padding: 0 8px;font-size: 13px;color: #272C32;background-color: #fff;}
	.set_icons .imgs{display: flex;align-items: center;justify-content: space-between;}
	.set_icons .imgs img{width: 60px;height: 60px;border-radius: 50%;}
	.set_icons .imgs > div{font-size: 11px;color: #8b9097;font-weight: 300;}
	.set_icons .imgs > div > p{position: relative;width: 104px;height: 34px;margin-top: 6px;}
	.set_icons .imgs > div > p span{display:block;line-height:34px;text-align: center;color: #fff;font-size: 12px;background-color: #00A0E9;}
	.set_icons .imgs > div > p input{position: absolute;z-index: 10;width: 100%;height: 100%;top: 0;left: 0;opacity: 0;}
	.set_phone span{display: block;line-height: 34px;font-size: 14px;}
	.personforms div.age select{right: 12px;height: 20px;line-height: 20px;margin-top: 7px;}
	.personforms div.age::after{bottom: 14px;right: 20px;}
	.personforms div.follows .checkboxs{display: flex;flex-wrap: wrap;}
	/*我的话题*/
	.topic-list{margin: 0;}
	.topic-list .upload-btns{position: absolute;top: -10px;right: 60px;width: 84px;height: 24px;font-size: 12px;line-height: 24px;}
	.topic-list .single-tie{background-color: #fff;border-radius: 4px;padding: 12px;margin-bottom: 12px;}
	.my_topics .js_qrcode_wrap{top:30px;}
	/*我的评论*/
	.comment_tabs ul li{padding-left:30px;}
	.comment_tabs ul li.current:before{bottom: 2px;width: calc(100% - 60px);height: 2px;}
	.comment_tabs ul li a{font-size: 18px;}
	.comment_boxs .tie-list{margin: 0;}
	.comment_boxs .single-tie{padding: 12px;margin-bottom: 12px;}
	.tie-article{font-size:12px;}
	.article-cnt{padding: 12px;}
	.others-tie .content-div{padding:12px 12px 0;}
	/*首页导航浮层*/
	.slide-new_index--header{margin-top: 49px;}
}
@media only screen and (min-width: 1200px) {
	body{font-size: 14px;}
	/*header*/
	.kx-header{height: 72px;}
	.header-container {margin: auto;padding-right: 272px;width: 1056px;}
	.header-container a{margin-left: 0;}
	.kx-header .kx-logo{width:auto;max-height: 66px;position: relative;left: -40px;}
	.menu-nav{margin-left: 5%;display: block;}
	.menu-nav ul{display: flex;height: 100%;line-height: 72px;}
	.menu-nav ul li{position: relative;margin-right: 50px;}
	.menu-nav ul li.active::after{content: '';position: absolute;left: 0;bottom: 0;width: 100%;height: 3px;background-color: #00a0e9;}
	.menu-nav ul li.active a{color:#00a0e9}
	.menus,.close-menus{display: none;}
	.kx-search{display: flex;right: 100px;align-items: center;justify-content: space-between;width: 152px;height: 26px;background-color: #e6ebee;border-radius: 13px;}
	.kx-search input{margin-left: 10px;width: 110px;}
	.kx-search a{margin-right: 10px;}
	.kx-search a img{margin-top: 2.5px;}
	.login-status{position: absolute;right: 0;display: flex;align-items: center;margin: 0;}
	.logged{display: flex;align-items: center;justify-content:space-around;width: 160px;}
	.release{width: 24px;height: 24px;cursor: pointer;}
	.logged .icons{width: 36px;height: 36px;cursor: pointer;}
	.login{font-size: 14px;color: #333;font-weight: 400;line-height: 1;cursor: pointer;}
	.login:hover{color: #00a0e9;}
	/*footer*/
	.kx-footer{width: 100%;background-color: #272c32;position: relative;z-index: 2;}
	.footer-container{margin: auto;width: 1056px;}
	.footer-top{padding-top: 40px;display: flex;justify-content: space-between;}
	.kx-about{display: block;text-align: right;}
	.title-h3{margin-bottom: 20px;font-size: 16px;color: #fff;font-weight: 300;}
	.kx-about ul li{margin-bottom: 20px;font-size: 16px;color: #fff;font-weight: 300;}
	.kx-about li a{color: #8b9097;}
	.kx-partner{display: block;width: 624px;text-align: left;}
	.kx-partner ul{display: flex;flex-wrap: wrap;}
	.kx-partner li{margin-right: 24px;margin-bottom: 20px;width: 84px;height: 30px;}
	.kx-partner li a{display: flex;width: 100%;height: 100%;align-items: center;justify-content: center;background-color: rgba(208,216,220,0.1);}
	.kx-partner li img{height: 100%;object-fit:contain;}
	.kx-tencent{width:112px;}
	.tencent{display:flex;flex-wrap:wrap;justify-content:center;color:#8b9097;}
	.tencent span{margin-top:10px;font-size:12px;}
	.footer-bottom{padding-top:30px;padding-bottom:20px;font-size:12px;color:#42474e;text-align:center;}
	/*公共部分*/
	.kx-section{min-height: calc(100vh - 400px);padding-top: 72px;}
	.kx-section:before{content: '';position: absolute;top:0;left: 0;width: 100%;height: 43px;background-image: linear-gradient(180deg, rgba(211,218,223,0.43),transparent);}
	.section-container{width: 1056px;}
	.crumbs-box{display: flex;justify-content: flex-start;align-items: center;margin: 0;padding-top: 20px;padding-bottom: 40px;font-size: 13px;line-height: 1;}
	.crumbs-box a,.crumbs-box i{display: block;}
	.crumbs-box i{margin: 0 5px;font-style: normal;}
	.crumbs-box span{font-size: 13px;color: #00a0e9;}
	.left-container{width: 786px;}
	.right-container{width: 246px;}
	/*科技好物主体部分*/
	.users{top:-30px;width: 102px;height: 102px;margin-left: 20px;}
	.user-info{margin-left: 14px;}
	.user-info h3{font-size: 20px;}
	.tags{position: relative;padding: 0;}
	.tags span{font-size: 12px;color: #8B9097;}
	.tags span strong{font-size: 24px;}
	.right-btn{margin-right: 12px;margin-top: 14px;}
	.right-btn span{width:84px;height:34px;line-height:34px;font-size: 14px;}
	.waterfall{column-count: 3;}
	.waterfall .list-group{margin-right: 24px;width: 336px;}
	.box-tb .item{width: 1080px;} 
	/*详情*/
	.detailss{justify-content: space-between;align-items: flex-start;flex-wrap: inherit;flex-direction: inherit;}
	.post_wemedia{margin-bottom: 20px;}
	.post_wemedia_avatar a{margin-top: 0;padding-top: 10px;}
	.post_wemedia_avatar img{width: 102px;height: 102px;}
	.post_wemedia_info .tags{position: relative;justify-content: center;flex-wrap: wrap;}
	.post_wemedia_info .tags span{display: flex;align-items: center;width: 33%;flex-wrap: wrap;padding: 0;justify-content: center;flex-direction: column-reverse;}
	.post_wemedia_info .tags span em,.post_wemedia_info .tags span strong{width: 100%;display: block;text-align: center;margin: 0;}
	.post_wemedia_info .tags span em{margin-top: 5px;}
	.recommend-live{display: block;margin-bottom:20px;}
	.right-title{margin-bottom: 15px;font-size: 16px;line-height: 1;}
	.recommend-ul li{margin-bottom: 24px;width:100%;min-height: 214px;background-color: #fff;border-radius: 4px;}
	.recommend-ul li a{display: block;}
	.recommend-ul li .live-pic{position: relative;width: 100%;height: 136px;}
	.live-pic img{width: 100%;height: 100%;object-fit: cover;border-radius: 4px 4px 0 0;}
	.live-pic .img_type{display: flex;align-items: center;padding-left: 20px;width: 65px;height: 24px;color: #fff;background: url(/statics/images/pc//icon-type-ing.png) no-repeat 0 0 / cover;position: absolute;bottom:0;right: 0;font-size: 12px;}
	.live-pic .img_type.end{background-image: url(/statics/images/pc//icon-type-end.png);}
	.live-pic .img_type.preheat{background-image: url(/statics/images/pc//icon-type-preheat.png);}
	.recommend-ul li p{padding:14px 10px 0 14px;font-size:16px;color: #333;line-height: 1.375;}
	.detail{margin-top:0px;border-radius: 4px 4px 0 0;}
	.detail .tops{padding: 15px 20px;}
	.detail .tops .imgs{width: 50px;height: 50px;border-radius: 50%;}
	.detail .tops .l .tt{margin-left: 10px;font-size: 14px;}
	.detail .tops time{font-size: 12px;}
	.fold{margin-top:20px;padding-right: 20px;}
	.commentss .title{padding-top:18px;padding-left: 20px;}
	.tie-input-bar{margin-left: 20px;margin-right: 20px;}
	.tie-input-bar p{height: 40px;border:solid 1px #E6EBEE;padding-left:10px;font-size:14px;margin-top:10px;}
	.tie-input-bar div{margin-top:8px;}
	.tie-input-bar div span{font-size: 12px;}
	.tie-input-bar div em{width: 84px;height: 34px;font-size: 14px;margin-left: 10px;}
	.tie-list{margin-left:20px;margin-right:20px;}
	.image-set a{margin-right: 6px;width: calc((100% - 24px) / 5);margin-bottom: 6px;}
	.image-set a:nth-child(3n){margin-right:6px;}
	.image-set a:nth-child(5n){margin-right:0;}
	.video-set a{margin-bottom: 0px;width: calc((100% - 6px) / 2);margin-right:6px;}
	.video-set a:nth-child(2n){margin-right:0}
	.detailss .left-container .tool-bar .list-group-item{width: 25%;}
	.comment-hint span{width: 30%;}
	/*弹出层*/
	.popup_box{width:384px;}
	/*个人资料*/
	.login2 form div span{font-size: 14px;width: 22%;}
	/*发布话题*/
	.topic{width:786px;height:80vh;}
	.forms > div .txt p{margin-left: 30px}
	.topic_select{width: 40%;}
	.upimg-div .z_file,.upimg-div .up-section, .upmp4-div .z-attachment{width: 7.44vw;height: 7.44vw;}
	.z_file .add-img, .z-attachment .add-attachment{height:7.44vw}
	.z_photo .up-section{margin-bottom: 10px;margin-right:10px;}
	.z_photo .up-section:nth-child(3n){margin-right:2.5%}
	.z_photo .up-section:nth-child(5n){margin-right:0%}
	.upmp4-div .z-video,.upmp4-div .up-section{width: 18vw;height: 10vw;}
	.z-video .add-video{height:10vw;}
	.upmp4-div .up-section{margin-right: 10px;}
	.z_mp4 .up-section:nth-child(2n){margin-right: 0;}
	/*个人信息*/
	.personinfos .logged{position: relative;right: 0;}
	/*个人信息设置*/
	.personss .post_wemedia_avatar a{margin-top:0;padding-top:20px;}
	.personrightss .crumbs-box{position: absolute;top:45px;font-size: 20px;font-weight: 400;}
	.personss .post_wemedia{padding-bottom: 20px;}
	.personss .tags span:before{background: none;width: 2px;border-left: dotted 2px #272C32 ;right:0;}
	.personss .tags span:last-child:before{display: none;}
	.personss .tags span{flex-wrap: wrap;padding: 0 15px;justify-content: center;height: 60px;width: 44%;}
	.personss .tags span em,.personss .tags span strong{display: block;width: 100%;text-align: center;}
	.personss .tags span strong{margin: 0;}
	.box-link_tabs{margin-top: 20px;background-color: #fff;border-radius: 4px;}
	.box-link_tabs ul{display: flex;width: 100%;flex-wrap: wrap;height:auto;}
	.box-link_tabs ul li{width: 100%;height: 40px;}
	.box-link_tabs ul li a{display: block;position: relative;width: 100%;height: 100%;font-size: 14px;font-weight: 500;display: flex;align-items:center;padding-left: 20px;}
	.box-link_tabs ul li.current a{color: #00A0E9;font-weight: bold;}
	.box-link_main{width: 100%;margin-top: 46px;background-color: #fff;border-radius: 4px;}
	.personforms{padding: 20px;overflow: hidden;margin-bottom: 40px;}
	.personforms > div{margin-bottom: 12px;position: relative;display:flex;align-items: center;}
	.personforms > div label{display: block;width: 14%;font-size: 16px;font-weight: bold;text-align:right;margin-right:20px;}
	.personforms > div input[type="text"]{width: 50%;height: 40px;border: solid 1px #e6ebe6;border-radius: 4px;padding: 0 8px;font-size: 13px;color: #272C32;background-color: #fff;}
	.set_icons .imgs{display: flex;align-items: center;justify-content: flex-start;width: 50%;}
	.set_icons .imgs img{width: 60px;height: 60px;border-radius: 50%;}
	.set_icons .imgs > div{font-size: 11px;color: #8b9097;font-weight: 300;margin-left: 20px;}
	.set_icons .imgs > div > p{position: relative;width: 104px;height: 34px;margin-top: 6px;}
	.set_icons .imgs > div > p span{display:block;line-height:34px;text-align: center;color: #fff;font-size: 12px;background-color: #00A0E9;}
	.set_icons .imgs > div > p input{position: absolute;z-index: 10;width: 100%;height: 100%;top: 0;left: 0;opacity: 0;}
	.set_phone span{display: block;line-height: 34px;font-size: 14px;}
	.personforms div.age select{left: calc(52% + 20px);width: 12%;right:inherit;height: 20px;line-height: 20px;}
	.personforms div.age::after{bottom: 16px;left: 64%;right:inherit;}
	.personforms > div.follows{display: block;}
	.personforms > div.follows label{width: 100%;text-align:left;}
	.personforms div.follows .checkboxs{display: flex;flex-wrap: wrap;width: calc(64% + 20px)}
	.personforms div.follows .checkboxs span{width: 25%;}
	.personforms div.follows .checkboxs span.inputspan{width: 100%;}
	.personforms div.follows .checkboxs span.inputspan input[type="text"]{margin-left: 20px;width: 77%;}
	.personforms > div.button{width: 40%;}
	/*我的话题*/
	.topic-list{margin: 0;}
	.topic-list .upload-btns{position: absolute;top: 38px;right: 94px;border-radius: 4px;}
	.topic-list .upload-btns:hover{color: #fff;}
	.topic-list .single-tie{background-color: #fff;border-radius: 4px;padding: 20px;margin-bottom: 20px;padding-bottom: 10px;}
	.personss .left-container .tool-bar .list-group-item{width: 100%;}
	.my_topics .topic-list .tool-bar{margin-top: 10px;}
	.my_topics .js_qrcode_wrap{top:35px;left:8%}
	/*我的评论*/
	.my_comments{margin-top: 17px;}
	.comment_tabs ul li{padding-left:0;}
	.comment_tabs ul li.current:before{bottom: 4px;width: calc(100% - 30px);height: 4px;left: 0;transform: translateX(0);}
	.comment_tabs ul li a{font-size: 18px;}
	.comment_boxs .floor-tie{display:flex;align-items:center;}
	.head-pic{width: 34%;}
	.comment_boxs .tie-list{margin: 0;}
	.comment_boxs .single-tie{padding: 20px;margin-bottom: 20px;}
	.tie-article{font-size:14px;}
	.article-cnt{padding: 0 20px;}
	.article-cnt a {max-height: 120px;overflow: hidden;display: block;}
	.others-tie{left:-20px;width:calc(100% + 40px);}
	.others-tie .content-div{padding:20px 20px 0 68px;}
	.comment_boxs .others-tie .floor-tie{margin:0 20px 20px 68px;background-color:#fff;}
	.others-tie .head-pic{display:inline-block;float: left;background-color:#fff;}
	.others-tie .head-pic img{border-radius: 4px;}
	/*首页导航浮层*/
	.slide-new_index--header{margin-top: 72px;}
}
@media only screen and (min-width: 1920px) {
	body{font-size: 14px;}
	/*header*/
	.kx-header{height: 72px;}
	.header-container {margin: auto;padding-right: 272px;width: 1056px;}
	.header-container a{margin-left: 0;}
	.kx-header .kx-logo{width:auto;max-height: 66px;position: relative;left: -40px;}
	.menu-nav{margin-left: 5%;display: block;}
	.menu-nav ul{display: flex;height: 100%;line-height: 72px;}
	.menu-nav ul li{position: relative;margin-right: 25px;}
	.menu-nav ul li.active::after{content: '';position: absolute;left: 0;bottom: 0;width: 100%;height: 3px;background-color: #00a0e9;}
	.menu-nav ul li.active a{color:#00a0e9}
	.menus,.close-menus{display: none;}
	.kx-search{display: flex;right: 100px;align-items: center;justify-content: space-between;width: 152px;height: 26px;background-color: #e6ebee;border-radius: 13px;}
	.kx-search input{margin-left: 10px;width: 110px;}
	.kx-search a{margin-right: 10px;}
	.kx-search a img{margin-top: 2.5px;}
	.login-status{position: absolute;right: 0;display: flex;align-items: center;margin: 0;}
	.logged{display: flex;align-items: center;justify-content:space-between;width: 160px;}
	.release{width: 24px;height: 24px;cursor: pointer;}
	.logged .icons{width: 36px;height: 36px;cursor: pointer;}
	.login{font-size: 14px;color: #333;font-weight: 400;line-height: 1;cursor: pointer;}
	.login:hover{color: #00a0e9;}
	/*footer*/
	.kx-footer{width: 100%;background-color: #272c32;}
	.footer-container{margin: auto;width: 1056px;}
	.footer-top{padding-top: 40px;display: flex;justify-content: space-between;}
	.kx-about{display: block;text-align: right;}
	.title-h3{margin-bottom: 20px;font-size: 16px;color: #fff;font-weight: 300;}
	.kx-about ul li{margin-bottom: 20px;font-size: 16px;color: #fff;font-weight: 300;}
	.kx-about li a{color: #8b9097;}
	.kx-partner{display: block;width: 624px;text-align: left;}
	.kx-partner ul{display: flex;flex-wrap: wrap;}
	.kx-partner li{margin-right: 24px;margin-bottom: 20px;width: 84px;height: 30px;}
	.kx-partner li a{display: flex;width: 100%;height: 100%;align-items: center;justify-content: center;background-color: rgba(208,216,220,0.1);}
	.kx-partner li img{height: 100%;object-fit:contain;}
	.kx-tencent{width:112px;}
	.tencent{display:flex;flex-wrap:wrap;justify-content:center;color:#8b9097;}
	.tencent span{margin-top:10px;font-size:12px;}
	.footer-bottom{padding-top:30px;padding-bottom:20px;font-size:12px;color:#42474e;text-align:center;}
	/*公共部分*/
	.kx-section{min-height: calc(100vh - 400px);padding-top: 72px;}
	.kx-section:before{content: '';position: absolute;top:0;left: 0;width: 100%;height: 43px;background-image: linear-gradient(180deg, rgba(211,218,223,0.43),transparent);}
	.section-container{width: 1056px;}
	.crumbs-box{display: flex;justify-content: flex-start;align-items: center;margin: 0;padding-top: 20px;padding-bottom: 40px;font-size: 13px;line-height: 1;}
	.crumbs-box a,.crumbs-box i{display: block;}
	.crumbs-box i{margin: 0 5px;font-style: normal;}
	.crumbs-box span{font-size: 13px;color: #00a0e9;}
	.left-container{width: 786px;}
	.right-container{width: 246px;}
	/*科技好物主体部分*/
	.users{top:-30px;width: 102px;height: 102px;margin-left: 20px;}
	.user-info{margin-left: 14px;}
	.user-info h3{font-size: 20px;}
	.tags{position: relative;padding: 0;}
	.tags span{font-size: 12px;color: #8B9097;}
	.tags span strong{font-size: 24px;}
	.right-btn{margin-right: 12px;margin-top: 14px;}
	.right-btn span{width:84px;height:34px;line-height:34px;font-size: 14px;}
	.waterfall{column-count: 3;}
	.waterfall .list-group{margin-right: 24px;width: 336px;}
	.box-tb .item{width: 1080px;} 
	/*详情*/
	.detailss{justify-content: space-between;align-items: flex-start;flex-wrap: inherit;flex-direction: inherit;}
	.post_wemedia{margin-bottom: 20px;}
	.post_wemedia_avatar a{margin-top: 0;padding-top: 10px;}
	.post_wemedia_avatar img{width: 102px;height: 102px;}
	.post_wemedia_info .tags{position: relative;justify-content: center;flex-wrap: wrap;}
	.post_wemedia_info .tags span{display: flex;align-items: center;width: 33%;flex-wrap: wrap;padding: 0;justify-content: center;flex-direction: column-reverse;}
	.post_wemedia_info .tags span em,.post_wemedia_info .tags span strong{width: 100%;display: block;text-align: center;margin: 0;}
	.post_wemedia_info .tags span em{margin-top: 5px;}
	.post_wemedia_button{padding-bottom: 20px;}
	.recommend-live{display: block;margin-bottom:20px;}
	.right-title{margin-bottom: 15px;font-size: 16px;line-height: 1;}
	.recommend-ul li{margin-bottom: 24px;width:100%;min-height: 214px;background-color: #fff;border-radius: 4px;}
	.recommend-ul li a{display: block;}
	.recommend-ul li .live-pic{position: relative;width: 100%;height: 136px;}
	.live-pic img{width: 100%;height: 100%;object-fit: cover;border-radius: 4px 4px 0 0;}
	.live-pic .img_type{display: flex;align-items: center;padding-left: 20px;width: 65px;height: 24px;color: #fff;background: url(/statics/images/pc//icon-type-ing.png) no-repeat 0 0 / cover;position: absolute;bottom:0;right: 0;font-size: 12px;}
	.live-pic .img_type.end{background-image: url(/statics/images/pc//icon-type-end.png);}
	.live-pic .img_type.preheat{background-image: url(/statics/images/pc//icon-type-preheat.png);}
	.recommend-ul li p{padding:14px 10px 0 14px;font-size:16px;color: #333;line-height: 1.375;}
	.detail{margin-top:0px;}
	.detail .tops{padding: 15px 20px;}
	.detail .tops .imgs{width: 50px;height: 50px;border-radius: 50%;}
	.detail .tops .l .tt{margin-left: 10px;font-size: 14px;}
	.detail .tops time{font-size: 12px;}
	.fold{margin-top:20px;padding-right: 20px;}
	.commentss .title{padding-top:18px;padding-left: 20px;}
	.tie-input-bar{margin-left: 20px;margin-right: 20px;}
	.tie-input-bar p{height: 40px;border:solid 1px #E6EBEE;padding-left:10px;font-size:14px;margin-top:10px;}
	.tie-input-bar div{margin-top:8px;}
	.tie-input-bar div span{font-size: 12px;}
	.tie-input-bar div em{width: 84px;height: 34px;font-size: 14px;margin-left: 10px;}
	.tie-list{margin-left:20px;margin-right:20px;}
	.image-set a{margin-right: 6px;width: calc((100% - 24px) / 5);margin-bottom: 6px;}
	.image-set a:nth-child(3n){margin-right:6px;}
	.image-set a:nth-child(5n){margin-right:0;}
	.video-set a{margin-bottom: 0px;width: calc((100% - 6px) / 2);margin-right:6px;}
	.video-set a:nth-child(2n){margin-right:0}
	.detailss .left-container .tool-bar .list-group-item{width: 25%;}
	.comment-hint span{width: 30%;}
	/*弹出层*/
	.popup_box{width:384px;}
	/*个人资料*/
	.login2 form div span{font-size: 14px;width: 22%;}
	/*发布话题*/
	.topic{width:786px;height:80vh;}
	.forms > div .txt p{margin-left: 30px}
	.topic_select{width: 40%;}
	.upimg-div .z_file,.upimg-div .up-section{width: 7.44vw;height: 7.44vw;}
	.z_file .add-img{height:7.44vw}
	.z_photo .up-section{margin-bottom: 10px;margin-right:10px;}
	.z_photo .up-section:nth-child(3n){margin-right:2.5%}
	.z_photo .up-section:nth-child(5n){margin-right:0%}
	.upmp4-div .z-video,.upmp4-div .up-section{width: 18vw;height: 10vw;}
	.z-video .add-video{height:10vw;}
	.upmp4-div .up-section{margin-right: 10px;}
	.z_mp4 .up-section:nth-child(2n){margin-right: 0;}
	/*个人信息*/
	.personinfos .logged{position: relative;right: 0;}
	/*个人信息设置*/
	.personss .post_wemedia_avatar a{margin-top:0;padding-top:20px;}
	.personrightss .crumbs-box{position: absolute;top:45px;font-size: 20px;font-weight: 400;}
	.personss .post_wemedia{padding-bottom: 20px;}
	.personss .tags span:before{background: none;width: 2px;border-left: dotted 2px #272C32 ;right:0;}
	.personss .tags span:last-child:before{display: none;}
	.personss .tags span{flex-wrap: wrap;padding: 0 15px;justify-content: center;height: 60px;width: 44%;}
	.personss .tags span em,.personss .tags span strong{display: block;width: 100%;text-align: center;}
	.personss .tags span strong{margin: 0;}
	.box-link_tabs{margin-top: 20px;background-color: #fff;border-radius: 4px;}
	.box-link_tabs ul{display: flex;width: 100%;flex-wrap: wrap;height:auto;}
	.box-link_tabs ul li{width: 100%;height: 40px;}
	.box-link_tabs ul li a{display: block;position: relative;width: 100%;height: 100%;font-size: 14px;font-weight: 500;display: flex;align-items:center;padding-left: 20px;}
	.box-link_tabs ul li.current a{color: #00A0E9;font-weight: bold;}
	.box-link_main{width: 100%;margin-top: 46px;background-color: #fff;border-radius: 4px;}
	.personforms{padding: 20px;overflow: hidden;margin-bottom: 40px;}
	.personforms > div{margin-bottom: 12px;position: relative;display:flex;align-items: center;}
	.personforms > div label{display: block;width: 14%;font-size: 16px;font-weight: bold;text-align:right;margin-right:20px;}
	.personforms > div input[type="text"]{width: 50%;height: 40px;border: solid 1px #e6ebe6;border-radius: 4px;padding: 0 8px;font-size: 13px;color: #272C32;background-color: #fff;}
	.set_icons .imgs{display: flex;align-items: center;justify-content: flex-start;width: 50%;}
	.set_icons .imgs img{width: 60px;height: 60px;border-radius: 50%;}
	.set_icons .imgs > div{font-size: 11px;color: #8b9097;font-weight: 300;margin-left: 20px;}
	.set_icons .imgs > div > p{position: relative;width: 104px;height: 34px;margin-top: 6px;}
	.set_icons .imgs > div > p span{display:block;line-height:34px;text-align: center;color: #fff;font-size: 12px;background-color: #00A0E9;}
	.set_icons .imgs > div > p input{position: absolute;z-index: 10;width: 100%;height: 100%;top: 0;left: 0;opacity: 0;}
	.set_phone span{display: block;line-height: 34px;font-size: 14px;}
	.personforms div.age select{left: calc(52% + 20px);width: 12%;right:inherit;height: 20px;line-height: 20px;}
	.personforms div.age::after{bottom: 16px;left: 64%;right:inherit;}
	.personforms > div.follows{display: block;}
	.personforms > div.follows label{width: 100%;text-align:left;}
	.personforms div.follows .checkboxs{display: flex;flex-wrap: wrap;width: calc(64% + 20px)}
	.personforms div.follows .checkboxs span{width: 25%;}
	.personforms div.follows .checkboxs span.inputspan{width: 100%;}
	.personforms div.follows .checkboxs span.inputspan input[type="text"]{margin-left: 20px;width: 77%;}
	.personforms > div.button{width: 40%;}
	/*我的话题*/
	.topic-list{margin: 0;}
	.topic-list .upload-btns{position: absolute;top: 38px;right: 94px;border-radius: 4px;}
	.topic-list .single-tie{background-color: #fff;border-radius: 4px;padding: 20px;margin-bottom: 20px;padding-bottom: 10px;}
	.personss .left-container .tool-bar .list-group-item{width: 100%;}
	.my_topics .topic-list .tool-bar{margin-top: 10px;}
	.my_topics .js_qrcode_wrap{top:35px;left:8%}
/*首页导航浮层*/
	.slide-new_index--header{margin-top: 72px;}
}